.venn-diagram {
	width: 100%;
	height: auto;
	overflow: visible;
	display: block
}

.venn-diagram a {
	text-decoration: none
}

.venn-diagram a.venn-group {
	cursor: pointer;
	transition: opacity .35s ease
}

.venn-diagram g.venn-group {
	cursor: default;
	transition: opacity .35s ease
}

.venn-diagram .venn-circle {
	transition: transform .35s ease;
	transform-box: fill-box;
	transform-origin: center
}

.venn-diagram a.venn-group:hover .venn-circle {
	transform: scale(1.03)
}

.venn-diagram .venn-group.dim {
	opacity: .25
}

.venn-diagram .vt {
	font-family: 'Sora', sans-serif;
	font-weight: 700;
	font-size: 34px;
	fill: white
}

.venn-diagram .vd {
	font-family: 'Inter', sans-serif;
	font-weight: 300;
	font-size: 18px;
	fill: white
}

.venn-diagram .vcc {
	fill: white
}

.venn-diagram .vcc-shadow {
	filter: drop-shadow(0 2px 8px rgba(0,0,0,0.12))
}

.venn-diagram .vct {
	font-family: 'Sora', sans-serif;
	font-weight: 900;
	font-size: 28px;
	fill: #333333;
	text-anchor: middle
}

@media (max-width: 700px) {
	.venn-diagram {
		width: 120%;
		max-width: 700px;
		position: relative;
		left: 50%;
		transform: translateX(-50%)
	}

	.venn-diagram .vd {
		font-size: 22px
	}
}

@media (prefers-reduced-motion: reduce) {
	.venn-diagram .venn-circle,
	.venn-diagram .venn-group {
		transition: none
	}
}